<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>class和id选择器</title>
		<style type="text/css">
			.colorBlue{
				color: skyblue;
			}
			
			.colorRed{
				color: red;
			}
			
			#div3{
				color: green;
			}
			
			.backgroundBlack{
				background-color: black;
			}
		</style>
	</head>
	<body>
		<!--
			类是可以重用的
		-->
		<div class="colorBlue backgroundBlack">
			测试div11
		</div>
		<div class="colorRed">
			测试div22
		</div>
		<a href="" class="colorRed">我的字体颜色是红色</a>
		<!--
			一个页面最好只有一个ID
		-->
		<div id="div3">
			我是一个id为div3,唯一名字的一个div
		</div>
	</body>
</html>
